﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Blog</title>
    <link rel="Stylesheet" type="text/css" href="styles.css" />
</head>
<body>

<div id="parva">
    <div class="header"><h3>Mini-Blog: View Most Recent Posts</h3></div>
    <div class="main">
    
        <div class="post">
            <div class="title">
                <h3>New Facebook Page</h3>
                <div class="commentaries">No Comments</div>
                <div>datata</div>
            </div>
            <div class="resume">askleutyal4u yfls4uytl afi4yrlASU 4fawiy4ltiuays4fuys4ilutgawLE4UGHFzslUGFLQE4UG</div>

          </div>   
       <div class="line"></div>
       <div class="clear"></div>    
        <div class="post">
            <div class="title">
                <h3>New Facebook Page</h3>
                <div class="commentaries">No Comments</div>
                <div>datata</div>
            </div>
            <div class="resume">askleutyal4u yfls4uytl afi4yrlASU 4fawiy4ltiuays4fuys4ilutgawLE4UGHFzslUGFLQE4UG</div>

          </div>   
       <div class="line"></div>
       <div class="clear"></div> 
          
        <div class="post">
            <div class="title">
                <h3>New Facebook Page</h3>
                <div class="commentaries">No Comments</div>
                <div>datata</div>
            </div>
            <div class="resume">askleutyal4u yfls4uytl afi4yrlASU 4fawiy4ltiuays4fuys4ilutgawLE4UGHFzslUGFLQE4UG</div>

          </div>   
       <div class="line"></div>
       <div class="clear"></div>    
        <div class="post">
            <div class="title">
                <h3>New Facebook Page</h3>
                <div class="commentaries">No Comments</div>
                <div>datata</div>
            </div>
            <div class="resume">askleutyal4u yfls4uytl afi4yrlASU 4fawiy4ltiuays4fuys4ilutgawLE4UGHFzslUGFLQE4UG</div>

          </div>   
       <div class="line"></div>
       <div class="clear"></div> 
         
        <div class="post">
            <div class="title">
                <h3>New Facebook Page</h3>
                <div class="commentaries">No Comments</div>
                <div>datata</div>
            </div>
            <div class="resume">askleutyal4u yfls4uytl afi4yrlASU 4fawiy4ltiuays4fuys4ilutgawLE4UGHFzslUGFLQE4UG</div>

          </div>   
       <div class="line"></div>
       <div class="clear"></div>    
        <div class="post">
            <div class="title">
                <h3>New Facebook Page</h3>
                <div class="commentaries">No Comments</div>
                <div>datata</div>
            </div>
            <div class="resume">askleutyal4u yfls4uytl afi4yrlASU 4fawiy4ltiuays4fuys4ilutgawLE4UGHFzslUGFLQE4UG</div>

          </div>   
       <div class="line"></div>
       <div class="clear"></div> 
         
        <div class="post">
            <div class="title">
                <h3>New Facebook Page</h3>
                <div class="commentaries">No Comments</div>
                <div>datata</div>
            </div>
            <div class="resume">askleutyal4u yfls4uytl afi4yrlASU 4fawiy4ltiuays4fuys4ilutgawLE4UGHFzslUGFLQE4UG</div>

          </div>   
       <div class="line"></div>
       <div class="clear"></div>    
        <div class="post">
            <div class="title">
                <h3>New Facebook Page</h3>
                <div class="commentaries">No Comments</div>
                <div>datata</div>
            </div>
            <div class="resume">askleutyal4u yfls4uytl afi4yrlASU 4fawiy4ltiuays4fuys4ilutgawLE4UGHFzslUGFLQE4UG</div>

          </div>   
       <div class="line"></div>
       <div class="clear"></div> 
      

    </div>
    <div class="footer"><h4>&copy; Telerik Academy: 2011 - All Rights Reserved</h4></div>
</div>

<div id="details">
    <div id="backbutton"><h3>Back</h3></div>
    <div class="header"><h3>Mini-Blog: Post Details and Comments</h3></div>
    <div class="main">
        <div class="post">
            <div class="title">
                <h3>New Facebook Page</h3>
                <div class="commentaries">No Comments</div>
                <div>datata</div>
            </div>
            <div class="resume">askleutyal4u yfls4uytl afi4yrlASU 4fawiy4ltiuays4fuys4ilutgawLE4UGHFzslUGFLQE4UG</div>

          </div>

          <ul>
            <li>
                <div class="comment">
                    <div class="title">
                        <div>dataakjfhkaehfkekfahta<br />fkekfahta<br />fkekfahta<br /></div>
                        <div class="commentaries">Bobby</div>
                        <div class="clear"></div>
                    </div>
                </div>
            </li>
            <li>
                <div class="comment">
                    <div class="title">
                        <div>dataakjfhkaehfkekfahta<br />fkekfahta<br />fkekfahta<br /></div>
                        <div class="commentaries">Bobby</div>
                        <div class="clear"></div>
                    </div>
                </div>
            </li>
            <li>
                <div class="comment">
                    <div class="title">
                        <div>dataakjfhkaehfkekfahta<br />fkekfahta<br />fkekfahta<br /></div>
                        <div class="commentaries">Bobby</div>
                        <div class="clear"></div>
                    </div>
                </div>
            </li>
          </ul>

        <div class="comment" id="submitform">
            <div id="submitbutton"><h3>Add</h3></div>
            <span>Author:</span>
            <input type="text" id="author" />
            <span>Comment:</span>
            <input type="text" id="content" />
        </div>
    </div>
    <div class="footer"><h4>&copy Telerik Academy: 2011 - All Rights Reserved</h4></div>
</div>
</body>
</html>
